<template>
	<view>
		<view class="wechat">
			<image src="../../static/WeChat.png" class="imagewech"></image>
			<view style="margin-top: 30px;">
				<view style="font-weight: bold;">微信</view>
				<view class="wechat-tou">绑定微信后可快捷是用微信登录</view>
			</view>
			<button class="but-at">绑定</button>
		</view>
		<view style="border-bottom: 1px solid #E4E7ED; margin-left: 20px; "></view>
		<view class="wechat">
			<image src="../../static/Alipay.png" class="imagewech"></image>
			<view style="margin-top: 30px;">
				<view style="font-weight: bold;">支付宝</view>
				<view class="wechat-tou">绑定支付宝后可快捷是用微信登录</view>
			</view>
			<button class="but-at">绑定</button>
		</view>

	</view>

</template>

<script>
	
</script>

<style>
	.wechat {
		display: flex;
	}

	.imagewech {
		width: 50px;
		height: 50px;
		margin: 30px 15px 20px 30px;
	}
	.wechat-tou{
		font-size: 11px;
		color: #C0C0C0;
	}
	.but-at{
		position: fixed; 
		letter-spacing: 5px; 
		background-color: #007AFF; 
		color: #FFFFFF; 
		width: 20%; 
		right: 20px; 
		margin: 30px 0;
		font-size: 15px;
	}
</style>
